<template>
  <el-table :data="tableData.list" v-loading="loading" border style="width: 100%">
    <el-table-column label="资金类型" prop="typeName" width="140" align="center"/>
    <el-table-column label="结算金额" prop="amount" width="140" align="center"/>
    <el-table-column label="手续费" prop="feeAmount" width="100" align="center"/>
    <el-table-column label="到手金额" prop="realAmount" width="140" align="center"/>
    <el-table-column label="剩余金额" prop="remainingAmount" width="90" align="center"/>
    <el-table-column label="操作"  align="center" fixed="right">
      <template v-slot="{row}">

      </template>
    </el-table-column>
  </el-table>
</template>
<script lang="ts">
import orderApi from "@/api/order";
import Dic from "@/utils/dic";

export default {
  name: "orderSettlementList",
  props: {
    orderId: {},
  },
  data() {
    return {
      Dic,
      tableData: {
        list: [],
        total: 0,
      },
      loading: false,
    };
  },
  created() {
    this.loadList();
  },
  methods: {
    loadList() {
      this.loading = true;
      orderApi.orderSettlementList({orderId: this.orderId}).then(res => {
        this.loading = false;
        this.tableData = res.data
      })
    },
  }
}
</script>
<style lang="scss" scoped>

</style>